<div>
  <div class="mobile-title">
    <table>
      <tr>
        <td class="title text-left"><h2>集团简介</h2><p>ABOUT US</p></td>
        <td class="menu-box text-right"><div class="clear-float"><i class="iconfont icon-caidan2 float-right"></i><span></span><p></p></div></td>
      </tr>
    </table>
  </div>
  <div class="page-left">
    <span><i class="iconfont icon-jiantou2"></i></span>
    <div id="page-list" class="point-style"></div>
  </div>
  <div class="page-right text-left">
    <div class="page-title-box">
      <h2>集团简介</h2>
    </div>
    <div id="news-list" class="hide"></div>
    <div id="download" class="hide"></div>
    <div id="contact-form" class="hide"></div>
    <div class="rich-text-box hide">
      <div id="rich-text"></div>
    </div>
    <div id="detail" class="hide"></div>
  </div>
</div>
<script>
  $('#rich-text').load('../public/rich-text.html');
  $('#page-list').load('../public/page-list.html',function () {
    var page = $('#page-temp').data('page');
    switch (page) {
      case 'technology':
        $('#page-temp #download').removeClass('hide');
        break;
      case 'news-detail':
        $('#page-list').removeClass('point-style');
        $('#page-temp #detail').removeClass('hide');
        $('#page-temp .rich-text-box').removeClass('hide');
        break;
      case 'news':
        $('#page-list').removeClass('point-style');
        $('#page-temp #news-list').removeClass('hide');
        break;
      case 'contact-online':
        $('#page-list').removeClass('point-style');
        $('#page-temp #contact-form').removeClass('hide');
        break;
      default:
        $('#page-list').removeClass('point-style');
        $('#page-temp .rich-text-box').removeClass('hide');
        break;
    }
    if ($('#page-temp').data('page') !== 'download') {
    }
  });
  $('#download').load('../public/download.html');
  $('#news-list').load('../public/news-list.html');
  $('#detail').load('../public/detail.html');
  $('#contact-form').load('../public/contact-form.html');
  $(document).ready(function () {
    $('.mobile-title').click(function () {
      $('#page-temp .page-left').addClass('list-show');
      $('body').addClass('fixed');
    });
    $('#page-temp .page-left > span').click(function () {
      $('#page-temp .page-left').removeClass('list-show');
      $('body').removeClass('fixed');
    });
  });
</script>